@function rrem ($args){
    @return ($args/200)+rem
};
.luckDraw{
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #64c0ff;
    padding-bottom: rrem(64);
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    .content{
        padding-top: rrem(870);
        position: relative;
        z-index: 10;
        // overflow: hidden;
    }
    .bg_top{
        width: 100%;
        height: rrem(374);
        background: url('../images/cjbg.png') no-repeat center top;
        background-size: 100% 100%;
        background-color: #4bacee;
        position: absolute;
        left: 0;
        top:0;
    }  
    .rotate-bg{

        transform: rotate(-30deg);
        width: rrem(568);
    
        height: rrem(568);
    
        background: url('../images/jiang.png') no-repeat center top;
        background-size: 100% 100%;
    
        position: absolute;
    
        top: rrem(169);
    
        left: 50%;
    
        margin-top: 0%;
        margin-left: rrem(-568/2)
    
    }
    
    .ly-plate div.lottery-star{
    
        width:rrem(206);
    
        height:rrem(229);
    
        position:absolute;
    
        top:rrem(320);
    
        left:50%;
        margin-left: rrem(-206/2);
        // margin-top: rrem(-229/2);
        // transform-origin:rrem(100); 
        /*text-indent:-999em;
    
        overflow:hidden;
    
        background:url(rotate-static.png);
    
        -webkit-transform:rotate(0deg);*/
    
        outline:none;
        img{
            width: 100%;
            height: 100%;
        }
    
    }
    
    .ly-plate div.lottery-star #lotteryBtn{
    
        cursor: pointer;
    
        position: absolute;
    
        top:0;
    
        left:0;
    
        *left:-107px
    
    } 
    .last_chance{
        width: rrem(486);
        height: rrem(80);
        background: url('../images/input.png') no-repeat center;
        background-size: 100%;
        line-height: rrem(80);
        text-align: center;
        color: #fff;
        font-size: rrem(32);
        position: absolute;
        left: 50%;
        top: rrem(790);
        margin-left: rrem(-486/2);
        background-position-y: 100%;
        span{
            font-size: rrem(40);
            color: #ffb666;
        }
    }
    .DrawLists{
        padding: 0 rrem(40);
        margin-top: rrem(31);
        .DrawList{
            line-height: rrem(50);
            color: #090006;
            font-size: rrem(26);
            span{
                padding: 0 rrem(10)
            }
        }
    }
    .watch_more{
        font-size: rrem(32);
        color: #fff;
        padding: 0 rrem(40);
        padding-top: rrem(35);
        // padding-bottom: rrem(64);
    }
    .bg_bot{
        width: 100%;
        height: rrem(550);
        position: fixed;
        left: 0;
        bottom: rrem(195);
        background: url('../images/cjbg2.png') no-repeat center;
        background-size: 100% 100%;
    }
    .no_chance{
        font-size: rrem(34);
        line-height: rrem(65);
        height: rrem(65);
        color: #ee9614;
        text-align: center;
        margin-top: rrem(211);
        width: 100%;
        letter-spacing: rrem(10);
    }
    .add_chance{
        height: rrem(61);
        color: #64c0ff;
        line-height: rrem(61);
        width: 100%;
        text-align: center;
        font-size: rrem(26);
    }
    .luck{
        width: rrem(420);
        height: rrem(150);
        line-height: rrem(43);
        color: #64c0ff;
        font-size: rrem(30);
        text-align: center;
        background: url('../images/pic4.png') no-repeat center top;
        background-size: 100% 100%;
        padding-top: rrem(36);
        margin: 0 auto;
    }
    .sure_btn{
        width: rrem(500);
        height: rrem(80);
        line-height: rrem(80);
        color: #fff;
        background: #ee9614;
        text-align: center;
        position: absolute;
        left: 50%;
        bottom: rrem(153);
        margin-left: rrem(-500/2)
    }
}